<div ng-controller="countCtrl" class="cry">
    <div class="cry_title">
        <h3 class="wmainTitle">统计报表
            <span></span>
        </h3>
        <h3 href="" class="wmainTitle">
            <a href="#/app/statistics/detail">统计明细</a>
        </h3>
        <div class="tools">     
            <ul>
                <li class="select_box" ng-show = "AREA != 'AREA'">
                    <select style="width:125px" ng-model="item"  ng-options="items.city_id as items.city_name for items in city">
                        <option value="">全部(省/直辖市)</option>
                    </select>
                </li>
                <li class="select_box" ng-show = "AREA != 'AREA'">
                    <select style="width:125px" ng-model="item_1" ng-options="items.city_id as items.city_name for items in city_1">
                        <option value="">全部(市/区)</option>
                    </select>
                </li>
                <li class="select_box" ng-show = "AREA != 'AREA'">
                    <select style="width:125px" ng-model="item_2" ng-options="items.city_id as items.city_name for items in city_2">
                        <option value="">全部(县/区)</option>
                    </select>
                </li>
                <li class="select_box" ng-show = "AREA == 'AREA'">
                    <select style="width:125px" ng-model="item_3" ng-options="items.city_id as items.city_name for items in areaCity">
                        <option value="">全部(县/区)</option>
                    </select>
                </li>                      
                <li class="time_box" id="empty_2">
                    <div class="input-daterange input-group" style="width: 220px;display: inline-table;vertical-align:middle;" id="order-datepicker-range">
                        <span class="input-icon">
                                <input type="text" class="form-control input-sm" ng-click="startOrderOpen = !startOrderOpen" datepicker-popup="yyyy-MM-dd" ng-model="vm.start_date" is-open="startOrderOpen" ng-init="startOrderOpen = false" max-date="vm.end_date" close-text="Close" placeholder="开始时间" />
                                <i class="iconfont icon-rili"></i>
                            </span>
                        <span class="input-group-addon">至</span>
                        <span class="input-icon">
                                <input type="text" class="form-control input-sm" ng-click="endOrderOpen = !endOrderOpen" datepicker-popup="yyyy-MM-dd" ng-model="vm.end_date" is-open="endOrderOpen" ng-init="endOrderOpen = false" min-date="vm.start_date" close-text="Close" placeholder="结束时间"/>
                                <i class="iconfont icon-rili"></i> 
                            </span>
                    </div>
                    <div class="wsc_empty wsc_empty_one" ng-click="vm.start_date=''"><i class="fa fa-times-circle"></i></div>
                    <div class="wsc_empty wsc_empty_two" ng-click="vm.end_date=''"><i class="fa fa-times-circle"></i></div>
                </li>
                <li>
                    <button class="btn btn-primary" ng-click="searchByDateRange($event)">查询</button>
                </li>
            </ul>
        </div>
    </div>
    <div class="container-fluid bg-white padding-top-0 padding-bottom-0">
    	<div class="block-content">
	    	<div class="margin-top-10 margin-bottom-10">
	    		<highchart class="chart-container-big" series="areaOrdercharts.series" options="areaOrdercharts.options" auto-size="true" height="500">
 				</highchart>
	    	</div>
	        <table class="table table-bordered" >
                <thead>
                    <tr>
                        <th>乡镇</th>
                        <th style="white-space: normal" ng-repeat="item in city_name" data-ng-bind="item"></th>
                    </tr>
                </thead>
	            <tbody>
    	            <tr>
                        <td>次数</td>
    	                <td ng-repeat="item in city_count track by $index" data-ng-bind="item">
                        </td>
    	            </tr>
	            </tbody>
	        </table>
    	</div>
    </div>


</div>